<!--添加奖品关联弹出框-->
<style>#relateModalContent .table-wrap{margin:0}#relateModalContent .table-wrap .table-grid .tbody{height:280px;overflow:scroll}#relateModalContent .table-wrap .table-grid table tr td input{display:inline-block;vertical-align:middle}.modal-container #relateModalContent .m-body{padding-bottom:0}</style>
<div id="relateModalContent">
    <div class="m-header">添加奖品</div>
    <div class="m-body">
        <div class="table-wrap">
            <div class="table-search-toolbar">
                <input type="text" placeholder="关键词搜索" ng-model="query"/>
                <button class="search-btn" ng-click="serach($event)"><i class="fa fa-search"></i>搜索</button>
            </div>
            <div class="table-grid">
                <table>
                    <thead>
                    <tr>
                        <th style="width:13%">操作</th>
                        <th style="width:30%">奖品名称</th>
                        <th style="width:13%">类型</th>
                        <th style="width:24%">有效期</th>
                        <th style="width:20%">可用/库存</th>
                    </tr>
                    </thead>
                </table>
                <div class="tbody ngNiceScroll" array="prizes">
                    <table>
                        <tr ng-repeat="prize in prizes track by $index">
                            <td style="width:13%"><input data-disabled="{{prize.disabled}}" ng-disabled="prize.disabled" name="selected" type="radio" ng-click="selectedPrize($event,prize)"/><img style="margin-left:10px;width:32px;" ng-src="{{prize.background_image}}"/></td>
                            <td style="width:30%" ng-bind="prize.name"></td>
                            <td style="width:13%" ng-bind="prize.type.name"></td>
                            <td style="width:24%" ng-cloak="">{{prize.expired_start}}<br/>{{prize.expired_end}}</td>
                            <td style="width:20%" ng-cloak="">{{prize.availables+'/'+prize.stock_number}}</td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="table-footer-toolbar clear" ng-if="httpData.last_page>1">
                <div class="pagination-info" ng-cloak="">第 {{httpData.form?httpData.form:0}} 到第 {{httpData.to?httpData.to:0}} 条记录，总共 {{httpData.total}} 条记录，每页显示 8 条记录</div>
                <div class="pagination">
                    <div class="prev" ng-click="jumpPage(1)"><i class="fa fa-angle-double-left fa-lg"></i></div>
                    <div class="numbers">
                        <span ng-repeat="i in numbers track by $index" ng-bind="i" ng-click="jumpPage(i)" ng-class="{active:i==pramas.page}">1</span>
                    </div>
                    <div class="next" ng-click="jumpPage(httpData.last_page)"><i class="fa fa-angle-double-right fa-lg"></i></div>
                </div>
            </div>
        </div>
    </div>
    <div class="m-footer">
        <div class="ops">
            <a ng-click="cancel($event)">取&nbsp;&nbsp;消</a>
            <button ng-click="ok($event)">确认</button>
        </div>
    </div>
</div>